<template>
	<view>
		<home @changeTab="change" v-if="current==0" />
		<scan v-else-if="current==1" />
		<mine v-else />
		<u-tabbar @change="change" height="150rpx" mid-button-size="90rpx" bg-color="#252424" v-model="current"
			:list="list" :mid-button="true"></u-tabbar>
	</view>
</template>

<script>
	import home from "../home/index.vue"
	import scan from "../scan/index.vue"
	import mine from "../mine/index.vue"
	export default {
		components: {
			home,
			mine,
			scan
		},
		data() {
			return {
				// info:{},
				list: [{
						iconPath: "/static/you-magic/images/home.png",
						selectedIconPath: "/static/you-magic/images/ahome.png",
						text: '11',
						customIcon: false,
					},
					{
						iconPath: "/static/you-magic/images/acaner.png",
						selectedIconPath: "/static/you-magic/images/acaner.png",
						text: '',
						midButton: true,
						customIcon: false,
					},
					{
						iconPath: "/static/you-magic/images/my.png",
						selectedIconPath: "/static/you-magic/images/amy.png",
						text: '',
						customIcon: false,
					}
				],
				current: 0
			}
		},
		// onShow() {
		// 	this.info = uni.getStorageSync('baseInfo')
		// 	console.log(444444444444);
		// 	console.log(this.info,'112233');
		// },
		onLoad() {
			

		},
		methods: {
			change(i) {
				this.current = i
				const name = ['YouMagic', '柔美吉正品验真', '扫码记录']
				uni.setNavigationBarTitle({
					title: name[i]
				})
			}
		},
	}
</script>
<style>
	page {
		background: #f4f4f4;
	}
</style>

<style scoped lang="scss">
	/deep/ .u-tabbar__content__circle__border {
		background: none !important;
		width: 132rpx !important;
		height: 11rpx !important;
		top: -11rpx !important;
		border-radius: 8px 8px 0 0 !important;
		background: url('/static/you-magic/images/decotation.png') no-repeat !important;
		background-size: cover !important;
	}

	/deep/ .u-icon__img {
		width: 64rpx !important;
		height: 64rpx !important;
	}


	/deep/ .u-tabbar__content__item__button {
		top: 44rpx !important;
	}

	/deep/ .u-tabbar__content__circle__button {

		background: none !important;
		top: 31rpx !important;
		width: 72rpx !important;
		height: 68rpx !important;

		/deep/ .u-icon__img {
			width: 72rpx !important;
			height: 72rpx !important;
			top: 0rpx !important;
		}

	}

	/deep/ .u-border-top:after {
		border-top-width: 0 !important;
	}

	/deep/ .u-border-bottom:after,
	/deep/ .u-border-left:after,
	/deep/ .u-border-right:after,
	/deep/ .u-border-top-bottom:after,
	/deep/ .u-border-top:after,
	/deep/ .u-border:after {
		border: none !important;
	}
</style>
